/* Reset default styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif; */
  /* font-size: 16px;
  line-height: 1.5; */
}

/* Remove default list styles */
ul,
ol {
  list-style: none;
}

/* Remove default anchor styles */
a {
  text-decoration: none;
  color: inherit;
}

/* Remove default button styles */
button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}

#root {
  width: 100%;
  min-height: 100vh;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: border-box;
  position: relative;
  background: #fafafa;
}

/* adm主题色定制 */
:root:root {
  --el-font-size-7: 14px;
  /* Element Plus 主题变量覆盖 */
  --el-color-primary: #ff0000;
  --el-color-success: #00b578;
  --el-color-warning: #ff8f1f;
  --el-color-danger: #ff3141;
  --el-color-text-primary: #333333;
  --el-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue",
    helvetica, segoe ui, arial, roboto, "PingFang SC", "miui",
    "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}

/* 门店选择弹出组件自定义样式 */
.select-store-popup {
  .adm-popup-body {
    display: flex;
    flex-direction: column;
  }

  .adm-cascader-view {
    flex: 1;
    overflow: hidden;
  }

  .adm-tabs {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .adm-tabs-content {
    flex: 1;
    overflow: hidden;
  }

  .adm-cascader-view-content {
    height: 100%;
  }

  .adm-list {
    flex: 1;
    overflow: auto;

    .adm-list-item:active {
      background-color: #ebedf0;
    }
  }
}

.page > .base-page {
  height: calc(100vh - constant(safe-area-inset-bottom));
  height: calc(100vh - env(safe-area-inset-bottom));
  padding: 0;
}

:root {
  --up-color: #ff0000;
  --dowm-color: #11ab7d;
  --start-color: #ff0000 !important;
  --end-color: #ff0000 !important;
  --before-start-color: #fff2f2;
  --before-end-color: #fff2f2;
  --new-theme-bgc-color: #fff2f2;
  --fil-select-color: #ff0000;
  /** 门店 日期等字体颜色 */
  --color: #fff;
  --active-color: #333;
}

.distribution-input-dialog {
  .adm-button {
    color: #333333;
  }
  .adm-dialog-button-bold {
    color: #ff0000;
  }
}
/* 应用到 Element Plus 组件 */
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': var(--el-color-primary),
    ),
    'success': (
      'base': var(--el-color-success),
    ),
    'warning': (
      'base': var(--el-color-warning),
    ),
    'danger': (
      'base': var(--el-color-danger),
    ),
  ),
  $text-color: (
    'primary': var(--el-color-text-primary),
  ),
  $font-family: (
    '' : var(--el-font-family)
  )
);